<template>
  <div class="home">
    <top-nav></top-nav>
    <swiper></swiper>
    <icon-list></icon-list>
    <recommend></recommend>
    <new-record></new-record>
  </div>
</template>

<script>
import TopNav from "@/components/TopNav.vue";
import Swiper from "@/components/Swiper.vue";
import IconList from "@/components/IconList.vue";
import Recommend from "@/components/Recommend.vue";
import NewRecord from "@/components/NewRecord.vue";

export default {
  name: "Home",
  components: {
    TopNav,
    Swiper,
    IconList,
    Recommend,
    NewRecord
  },
  created() {
    console.log("组件被创建了");
  },
  destroyed() {
    console.log("组件被销毁了");
  }
};
</script>
<style lang="less" scope>
.home {
  width: 7.5rem;
  background-image: linear-gradient(#e66465, #9198e5);
}
</style>
